Encabezado visual sin marcado de encabezado
Hay texto en una página que es claramente un encabezado: es más grande, está en negrita, tiene espacio alrededor e introduce el bloque que va debajo. Pero si se construyó solo con estilos y nunca se marcó como encabezado, existe únicamente para quien puede verlo. Un lector de pantalla lo lee como una línea de texto corriente, y nunca aparece en la lista de encabezados.
Esta revisión encuentra texto que parece un encabezado pero no lo es.
Qué comprueba la herramienta
Cada fragmento de texto visible que no sea ya un encabezado se contrasta con cuatro señales visuales:
| Señal | Umbral |
|---|---|
| Tamaño de fuente | Al menos 1,5× el texto que lo rodea |
| Peso de fuente | 700 o más (negrita) |
| Aislamiento visual | Al menos 16px de margen o padding alrededor |
| Longitud del texto | 120 caracteres o menos |
El texto que cumple al menos tres de las cuatro se trata como probable encabezado y la herramienta lo reporta. Además sugiere un nivel (h1–h6) según el tamaño del texto y su relación con los encabezados que la página ya tiene.
Por qué importa
La navegación por encabezados es la forma en que los usuarios de lector de pantalla hojean una página. Una página que se ve bien organizada pero no tiene encabezados reales se comporta, para ellos, como un bloque de texto indiferenciado: tienen que leerla de arriba abajo para encontrar cualquier cosa.
Cuándo reporta un problema
Un fragmento de texto cumple tres o más de las señales visuales y no está marcado como <h1>–<h6> ni con role="heading".
Ejemplos típicos: "Our Premium Services", "Key Benefits" — cortos, grandes, en negrita, solos encima de un bloque de contenido.
Cuándo no reporta
| Situación | Por qué no se reporta |
|---|---|
<legend> dentro de un <fieldset> | Ya se anuncia como etiqueta del grupo |
<figcaption> dentro de una <figure> | Ya está vinculado a su figura |
| Texto en negrita dentro de un párrafo | Es énfasis, no un título de sección |
| Contenido dentro de diálogos o modales | Lo cubre otra revisión |
| Elementos ocultos | No son visibles para nadie |
| Elementos no textuales | Scripts, estilos, SVG y similares no son texto |
Qué dice el reporte
Título: Visual heading is not marked up as such
Descripción: The "[texto]" visually looks like a heading but is not marked up as such.
Resultado esperado: The text should be marked using a proper heading element (
h1–h6).Checkpoint WCAG: 1.3.1 - Info and Relationships
El reporte incluye el texto afectado, el nivel de encabezado sugerido y cuáles de las cuatro señales visuales cumplió.
Cómo verificarlo a mano
- Abre la página y activa un lector de pantalla.
- Navega por encabezados — la tecla H en NVDA.
- Compara lo que oyes con lo que ves: ¿hay texto en pantalla que claramente se lee como un título de sección pero nunca aparece en la lista de encabezados?
Limitaciones conocidas
Esta revisión es un juicio basado en la apariencia, así que es la que más probabilidades tiene de equivocarse ocasionalmente en ambas direcciones.
- Hay falsos positivos. Una línea grande, en negrita y aislada que genuinamente no es un encabezado —una cita destacada, un precio, un aviso corto— puede cumplir tres señales y ser reportada.
- También hay falsos negativos. Un encabezado con estilo discreto, apenas un poco más grande, puede no llegar a tres señales y pasar desapercibido.
- No se lee el texto dentro de imágenes o SVG. Un encabezado renderizado como imagen es invisible para esta revisión.
- Juzga apariencia, no intención. La herramienta no puede saber qué quiso que fuera el autor; solo sabe cómo se ve.
Referencia WCAG
Criterio de conformidad 1.3.1 Información y relaciones (Nivel A)